<template>
    <div>
        <el-button class="addurl" size="small" type="primary">添加图片</el-button>
          <el-table :data="jiluTable" border style="width: 100%">
                <el-table-column prop="date" label="图片类型">
                    <template>
                        <el-button size="mini">首页轮播</el-button>
                    </template>
                </el-table-column>
                <el-table-column prop="name" label="图片信息">
                    <!-- <template v-slot="scope"> -->
                        <div class="img_url">
                            <img src="" alt="">
                        </div>
                    <!-- </template> -->
                </el-table-column>
                <el-table-column prop="address" label="跳转链接">
                </el-table-column>
                <el-table-column prop="address" label="跳转类型">
                    <el-button type="primary" size="mini">内连接</el-button>
                </el-table-column>
                <el-table-column prop="address" label="操作">
                    <el-button size="mini" type="danger" round>编辑</el-button>
                    <el-button size="mini" type="primary" round>删除</el-button>
                </el-table-column>
            </el-table>
    </div>
</template>

<script>
    export default {
        data() {
            return {
                jiluTable:[]
            }
        },
    }
</script>

<style lang="less" scoped>
.addurl{
    margin-bottom:20px;
}
.img_url{
    width:140px;
}
.img_url img{
    width: 100%;
}
</style>